<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Title of the document</title>
	  <link rel="stylesheet" href="styles.css">
</head>
<body>
<!--
	  <div id="content">
	    <div id='loading'>

		     <div id="status">
		          <progress max="7" value="0"></progress>
		      </div>
	    </div>

    <div id="demo">
	      <p>
	        <button id="add">Add images</button>
	        <button id="reset">Reset demo</button>
	      </p>
	      <div id="image-container"></div>
    </div>


    <div  class='imageload' data-alt='http://lorempixel.com/'>
    </div>
    <div  class='imageload' data-alt='http://lorempixel.com/'>
    </div>
-->

    <div id='blogpost'></div>

	<script src="./ImagesLoaded_files/jquery-2.1.3.min.js"></script>
	<script src="image.js"></script>
	


	<script type="text/javascript">

		

		$( document ).ready(function() {
		         $('#blogpost').image({
			        padding:50,
			               mouseOverColor : '#000000',
			    });
	   
	 	});
   

	</script>
</body>

</html>